<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Objekti</title>
        <script type="text/javascript">
          anonimniObjekt = new Object();
          objekt.ime = "Dam";
          objekt.prezime = "Damar";

          function osoba() {
              this.ime = "Dam";
              this.prezime = "Damar";
          }

          function osoba(ime, prezime) {
              this.ime = ime;
              this.prezime = prezime;
              this.imePrezimeLength = function () {
                  return this.ime.length + " " + this.prezime.length;
              }
              this.setPrezime = function setPrezime(param) {
                  this.prezime = param;
              }
          }

          function postaviVrijednosti() {
              var i1 = document.getElementById("i1");
              var i2 = document.getElementById("i2");
              var i3 = document.getElementById("i3");
              osoba = new osoba("Dam", "Damar");
              //Druga sintaksa, object initializer, gazi prethodni red
              /*osoba = {
                  ime : "DamOI", prezime : "DamarOI"

              }*/
              /*      i1.value = osoba.ime;
              i2.value = osoba.prezime;
              i3.value = osoba.imePrezimeLength();*/
              with (osoba) {
                  i1.value = ime;
                  i2.value = prezime;
                  i3.value = imePrezimeLength();
                  setPrezime("Seter prezimena");
                  i2.value = prezime;
              }
              
          }

          function postaviVrijednostiAO() {
              var i1 = document.getElementById("i1");
              var i2 = document.getElementById("i2");
              // Direktna instanca pro
              objekt = new Object();
              objekt.ime = "DamAnno";
              objekt.prezime = "DamarAnno";
              i1.value = objekt.ime;
              i2.value = objekt.prezime;
              //Loop-anje kroz property-e objekta
              for (prop in objekt) {
                  alert(objekt[prop]);
              }
          }
        </script>
    </head>
    <body>
        <form name="forma1" method="post" enctype="text/plain">
            <input id="i1"/>
            <br/>
            <input id="i2"/>
            <br/>
            <input id="i3"/>
            <br/>
            <input type="button" value="Gumb" id="b1" onclick="postaviVrijednosti()"/>
            <input type="button" value="GumbAO" onclick="postaviVrijednostiAO()"/>
        </form>
    </body>
</html>